<template>
  <div>
    <van-nav-bar fixed style="height: 54px;background:#fff;">
      <template #left>
        <slot name="left-icon" />
      </template>
      <template #title>
        <van-search shape="round" placeholder="请输入搜索关键词" @click="goSearch"/>
      </template>
      <template #right>
        <div style="width: 60px; display: flex; justify-content: space-around">
          <van-icon name="clock-o" size="20px" />
          <van-icon name="plus" size="20px" />
        </div>
      </template>
    </van-nav-bar>
  </div>
</template>

<script>
  export default {
    name:'topbar',
    methods: {
      goSearch() {
        this.$router.push("/search")
      }
    },
  }
</script>

<style lang="scss" scoped>

</style>